<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<title>button test</title>

		<style type="text/css">
			@import "../themes/tundra/tundra.css";
			th { background: #ccccff; }
			td { align: left; }
		</style>

		<script type="text/javascript"> djConfig = { isDebug: true, parseOnLoad: true }; </script>
		<script type="text/javascript" src="../../dojo/dojo.js"></script>
		<script>
			dojo.require("dojo.parser");
			dojo.require("dijit.form.Button");
		</script>

		<script type="text/javascript">
				oldTime = new Date();
				dojo.ready(function(){
					var time = new Date().getTime() - oldTime;
					var p = document.createElement("p");
					p.appendChild(document.createTextNode("Widgets loaded in " + time + "ms"));
					document.getElementById("results").appendChild(p);
				});

		</script>
	</head>

	<body class="tundra">

		<h1>Test of instantiating many buttons</h1>

		<p>
		<strong style="color:red">Warning:</strong> these benchmarks will take a number of seconds to run. Other system activity will cause these benchmarks to skew.
		</p>

		<p>
		The results should not be compared between browsers for they are run on different systems,
		however results for the same browser are relative to each other.
		</p>

		<button data-dojo-type="dijit/form/Button">hello world 0</button>
		<button data-dojo-type="dijit/form/Button">hello world 1</button>
		<button data-dojo-type="dijit/form/Button">hello world 2</button>
		<button data-dojo-type="dijit/form/Button">hello world 3</button>
		<button data-dojo-type="dijit/form/Button">hello world 4</button>
		<button data-dojo-type="dijit/form/Button">hello world 5</button>
		<button data-dojo-type="dijit/form/Button">hello world 6</button>
		<button data-dojo-type="dijit/form/Button">hello world 7</button>
		<button data-dojo-type="dijit/form/Button">hello world 8</button>
		<button data-dojo-type="dijit/form/Button">hello world 9</button>

		<button data-dojo-type="dijit/form/Button">hello world 10</button>
		<button data-dojo-type="dijit/form/Button">hello world 11</button>
		<button data-dojo-type="dijit/form/Button">hello world 12</button>
		<button data-dojo-type="dijit/form/Button">hello world 13</button>
		<button data-dojo-type="dijit/form/Button">hello world 14</button>
		<button data-dojo-type="dijit/form/Button">hello world 15</button>
		<button data-dojo-type="dijit/form/Button">hello world 16</button>
		<button data-dojo-type="dijit/form/Button">hello world 17</button>
		<button data-dojo-type="dijit/form/Button">hello world 18</button>
		<button data-dojo-type="dijit/form/Button">hello world 19</button>

		<button data-dojo-type="dijit/form/Button">hello world 20</button>
		<button data-dojo-type="dijit/form/Button">hello world 21</button>
		<button data-dojo-type="dijit/form/Button">hello world 22</button>
		<button data-dojo-type="dijit/form/Button">hello world 23</button>
		<button data-dojo-type="dijit/form/Button">hello world 24</button>
		<button data-dojo-type="dijit/form/Button">hello world 25</button>
		<button data-dojo-type="dijit/form/Button">hello world 26</button>
		<button data-dojo-type="dijit/form/Button">hello world 27</button>
		<button data-dojo-type="dijit/form/Button">hello world 28</button>
		<button data-dojo-type="dijit/form/Button">hello world 29</button>

		<button data-dojo-type="dijit/form/Button">hello world 30</button>
		<button data-dojo-type="dijit/form/Button">hello world 31</button>
		<button data-dojo-type="dijit/form/Button">hello world 32</button>
		<button data-dojo-type="dijit/form/Button">hello world 33</button>
		<button data-dojo-type="dijit/form/Button">hello world 34</button>
		<button data-dojo-type="dijit/form/Button">hello world 35</button>
		<button data-dojo-type="dijit/form/Button">hello world 36</button>
		<button data-dojo-type="dijit/form/Button">hello world 37</button>
		<button data-dojo-type="dijit/form/Button">hello world 38</button>
		<button data-dojo-type="dijit/form/Button">hello world 39</button>

		<button data-dojo-type="dijit/form/Button">hello world 40</button>
		<button data-dojo-type="dijit/form/Button">hello world 41</button>
		<button data-dojo-type="dijit/form/Button">hello world 42</button>
		<button data-dojo-type="dijit/form/Button">hello world 43</button>
		<button data-dojo-type="dijit/form/Button">hello world 44</button>
		<button data-dojo-type="dijit/form/Button">hello world 45</button>
		<button data-dojo-type="dijit/form/Button">hello world 46</button>
		<button data-dojo-type="dijit/form/Button">hello world 47</button>
		<button data-dojo-type="dijit/form/Button">hello world 48</button>
		<button data-dojo-type="dijit/form/Button">hello world 49</button>

		<button data-dojo-type="dijit/form/Button">hello world 50</button>
		<button data-dojo-type="dijit/form/Button">hello world 51</button>
		<button data-dojo-type="dijit/form/Button">hello world 52</button>
		<button data-dojo-type="dijit/form/Button">hello world 53</button>
		<button data-dojo-type="dijit/form/Button">hello world 54</button>
		<button data-dojo-type="dijit/form/Button">hello world 55</button>
		<button data-dojo-type="dijit/form/Button">hello world 56</button>
		<button data-dojo-type="dijit/form/Button">hello world 57</button>
		<button data-dojo-type="dijit/form/Button">hello world 58</button>
		<button data-dojo-type="dijit/form/Button">hello world 59</button>

		<button data-dojo-type="dijit/form/Button">hello world 60</button>
		<button data-dojo-type="dijit/form/Button">hello world 61</button>
		<button data-dojo-type="dijit/form/Button">hello world 62</button>
		<button data-dojo-type="dijit/form/Button">hello world 63</button>
		<button data-dojo-type="dijit/form/Button">hello world 64</button>
		<button data-dojo-type="dijit/form/Button">hello world 65</button>
		<button data-dojo-type="dijit/form/Button">hello world 66</button>
		<button data-dojo-type="dijit/form/Button">hello world 67</button>
		<button data-dojo-type="dijit/form/Button">hello world 68</button>
		<button data-dojo-type="dijit/form/Button">hello world 69</button>

		<button data-dojo-type="dijit/form/Button">hello world 70</button>
		<button data-dojo-type="dijit/form/Button">hello world 71</button>
		<button data-dojo-type="dijit/form/Button">hello world 72</button>
		<button data-dojo-type="dijit/form/Button">hello world 73</button>
		<button data-dojo-type="dijit/form/Button">hello world 74</button>
		<button data-dojo-type="dijit/form/Button">hello world 75</button>
		<button data-dojo-type="dijit/form/Button">hello world 76</button>
		<button data-dojo-type="dijit/form/Button">hello world 77</button>
		<button data-dojo-type="dijit/form/Button">hello world 78</button>
		<button data-dojo-type="dijit/form/Button">hello world 79</button>

		<button data-dojo-type="dijit/form/Button">hello world 80</button>
		<button data-dojo-type="dijit/form/Button">hello world 81</button>
		<button data-dojo-type="dijit/form/Button">hello world 82</button>
		<button data-dojo-type="dijit/form/Button">hello world 83</button>
		<button data-dojo-type="dijit/form/Button">hello world 84</button>
		<button data-dojo-type="dijit/form/Button">hello world 85</button>
		<button data-dojo-type="dijit/form/Button">hello world 86</button>
		<button data-dojo-type="dijit/form/Button">hello world 87</button>
		<button data-dojo-type="dijit/form/Button">hello world 88</button>
		<button data-dojo-type="dijit/form/Button">hello world 89</button>

		<button data-dojo-type="dijit/form/Button">hello world 90</button>
		<button data-dojo-type="dijit/form/Button">hello world 91</button>
		<button data-dojo-type="dijit/form/Button">hello world 92</button>
		<button data-dojo-type="dijit/form/Button">hello world 93</button>
		<button data-dojo-type="dijit/form/Button">hello world 94</button>
		<button data-dojo-type="dijit/form/Button">hello world 95</button>
		<button data-dojo-type="dijit/form/Button">hello world 96</button>
		<button data-dojo-type="dijit/form/Button">hello world 97</button>
		<button data-dojo-type="dijit/form/Button">hello world 98</button>
		<button data-dojo-type="dijit/form/Button">hello world 99</button>


		<h2>Result</h2>
		(divide by 100 to get time per widget)
		<div id="results"></div>

		<h2>Typical results</h2>

		<table border=1>
		<thead>
			<tr>
				<th>IE6
				<th>IE7
				<th>Safari
				<th>Gecko (on PC)
				<th>Gecko (on intel mac)
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>25812 (258ms/widget)
				<td>10391 (103ms/widget)
				<td>1934 (19ms/widget)
				<td>1344 (13ms/widget)
				<td>2937 (29ms/widget)
			</tr>
		</tbody>
		</table>
	</body>
</html>
